import Vue from '../module/vue'

const vm = new Vue({
  el: '#app',
  template: `
    <span>{{ a }}</span>
    <span>+</span>
    <span>{{ b }}</span>
    <span>=</span>
    <span>{{ total }}</span>
  `,
  data() {
    return {
      a: 11,
      b: 22,
    }
  },
  computed: {
    total() {
      console.log('computed total')
      return this.a + this.b
    },
    testGet: {
      get() {
        console.log('computed testGet')
        return this.a + 2
      },
      set() {
        this.a = 1
      }
    }
  }
})

// vm.b = 123

console.log(vm)

// setInterval(() => {
//   vm.b = vm.b + 2
// }, 5000)

// console.log(vm.total)
// console.log(vm.total)
// console.log(vm.total)
// console.log(vm.total)
// console.log(vm.total)

// vm.a = 100
// console.log(vm.total, vm)

vm.testGet = 98